@charset "utf-8";/* CSS Document */
/*reset*/
html,body{
  height: 100%;
}
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{ margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{ font-size:90%; font-family:"微软雅黑",Helvetica,STHeiti,Droid Sans Fallback; color:#333; background:#fff;}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
a{text-decoration:none; color:#fff;}
a:hover { color:#ff5f50;}
h1,h2,h3,h4{font-weight:100;}
img{ display:inline-block;}
.cl { clear:both;}
i,em { font-style:normal;}
/*basic*/
.fl{ float:left;}
.fr{ float:right;}
.zt{ font-family:Microsoft YaHei;}
/*top*/
.topbox { width:100%; min-width:1200px; height:730px ;background: #F0ECE9 url(../images/bg1-new.png) no-repeat center top / 1920px 730px;}
.banner-1{
  margin: 0 auto;
  display: flex;
  align-items: center;
  width: 1200px;
  height: 100%;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min--moz-device-pixel-ratio: 1.5) {
  .topbox {
    background-image: url(../images/bg1-new@2x.png);
}
}
.logo { flex: 170px 0 0; width:170px; height:40px; line-height:40px;color: #fff; }
.logo img{
  width: 100%;
  height: 100%;
}
header{
  width: 100%;
  height:76px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  background: rgba(0,0,0,0.3);
}
.head { display: flex; margin: 0 auto; height:76px;justify-content: space-between;align-items: center;width: 1200px}
.nav { display: flex; font-size:18px;}
.nav .link:hover { color:#09AD6C;text-decoration: none;}

 .menu {
  flex: 1;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  justify-content: flex-end;
}

 .menu-item {
  position: relative;
  cursor: pointer;
  padding: 8px;
  margin-left: 14px;
  font-weight: 400;
}
  .menu .menu-item:hover .submenu{
    display: block;
  }
  .menu .menu-item .link:hover {
    color: #1FC880;
  }
  .menu-item .link.active {
    color: #1FC880;
    font-weight: bold;
  }
.nav .badge { position: absolute; right: 0; top: -8px; animation: shake .3s linear infinite;}
@keyframes shake{0% {transform: translateY(0.5px);} 100% {transform: translateY(-0.5px);}}
.wrap{ width:100%;margin:0px auto;padding:30px 0px; position:relative;display:block;}
.bannerbox { margin:0px auto; width:1200px;}
.banner { height: 160px; background: url('../images/banner.png');}
.banner .qr-tip {margin-left: 40px; width: 280px; height: 103px; float:left; margin-top:30px;}
.banner .qr-tip span {float: right; margin-left: 18px; margin-top: -75px;}
.banner_left { float:left; margin-top:40px; }
.main {background:#f4f4f4; width: 100%; padding: 20px 0; }
.main-inner {width: 1200px; margin: 0 auto; color: #333; font-family:Microsoft YaHei;}
.main-inner .inner-title {height: 111px; line-height: 40px; font-size: 18px; margin-bottom:9px; text-align:center; background: #fff; line-height:120px;}
.main-inner .inner-title span { margin:30px 20px; text-align:center; padding:2px 0px; cursor:pointer;}
.main-inner .inner-title span.current{ color:#FF5F50; border-bottom:2px solid #FF5F50;}
.inner-box { background: #fff; position:relative;}
.main-inner .inner-content {padding: 50px 0 50px 70px; font-size:16px; line-height: 30px;}
.main-inner .inner-content h2 {font-size: 22px; font-weight: bold; line-height: 48px;}
.main-inner .inner-content h3 {font-size: 18px; color: #000; font-weight: bold; margin-top: 50px;}
.main-inner .inner-content p { font-size:16px; margin: 10px auto;}
.main-inner .inner-content .step-item {margin-top: 20px;}
.main-inner .inner-content .step-item .tips {font-size: 15px; margin-bottom: 20px;}
.main-inner .inner-content .step-item img {max-width:600px;}
.help-footer {background: #333; color: #fff; text-align: center; padding: 20px 0; box-sizing: border-box; font-size: 12px; line-height: 25px;}
.inner-left { width:180px; background:#fff; position:absolute; left:0px; top:0px; height:60%; padding:40px 0;}
.inner-lefttitle { float:left; height:30px; line-height:30px; width:100%; margin:10px 0px; cursor:pointer; font-size: 18px;}
.inner-lefttitle i {float:left; width:2px; background:#fff; height:18px; margin:8px 10px 0 40px;}
.inner-left .current i{ background:#FF5F50;}
.inner-left .current { color:#FF5F50;}
.inner-right { border-left:2px solid #f4f4f4; margin-left:180px;background:#fff; padding:30px 50px; min-height:600px; display: none;}
.inner-right p { line-height:30px; margin: 10px auto; font-size: 16px;}
.inner-right img { max-width:600px; margin: 50px 0;}
.title{ margin-bottom: 7px;margin-left: 17px;font-size:46px; line-height:61px; font-weight:bold; height:61px;letter-spacing:2px;color: #3B4F6B;}
.txtsmall {  margin-left: 69px; font-size: 14px;font-weight: 400;color: #3B4F6B;}
.btnbox { margin: 16px 0 23px 20px }
.banner-1 .title {
  margin-left: 20px;
}
.one-stop{
  margin-left: 23px;
  font-size: 22px;
  font-weight: 300;
  color: #3B4F6B;
  letter-spacing: 1.2px; 
}
.one-stop-ai {
  width: 550px;
  height: 100px;
  box-sizing: border-box;
  display: flex;
  gap: 11px;
  align-items: center;
  justify-content: flex-start;
  padding: 0 22px 0 42px;
  background: url(/statics/xzdesktop/images/ai-btn-1.png) no-repeat;
  background-size: cover;
  
  cursor: pointer;
  transform: translateX(0px) translateY(-2px);
}
.ai-text {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  gap: 6px;
}
.ai-text span {
  font-size: 22px;
  letter-spacing: 2px;
}
.ai-text span:nth-of-type(2) {
  font-weight: bold;
  font-size: 26px;
  letter-spacing: 0px;
}
.btnbox .down-btn { position: relative; display:inline-flex;width:160px; height: 56px;justify-content: center;align-items: center; font-size:16px;  cursor:pointer; color:#fff; border-radius:6px; }
.btnbox .down-btn .text {font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: 500;font-size: 18px;}
.btnbox .down-btn .sub-text {font-size: 12px;}
.down-btn+.down-btn{ margin-left: 12px;}
.down-btn svg{ margin-right: 10px;}
.microsoft{
  margin-left: 20px;
  background-color: #333D4B;
}
.microsoft:hover {
  background-color: #262c34;
}
.pc-down{ background:#3176DD;}
.pc-down:hover { background-color: #1F90EB;}
.phone-down{ background: #35C76D;}
.phone-down:hover{ background: #09AD6C}
.phone-down:hover .pop{ display: block;}
.pop{
  display: none;
  position: absolute;
  z-index: 9999;
  top: 55px;
  height: 254px;
  width: 200px;
}
.popover {
  /* display: none; */
  /* position: absolute;
  z-index: 9999;
  top: 55px; */
  margin-top: 12px;
  padding: 20px 12px 20px;
  transform-origin: center top;
  width: 200px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background: #fff;
  color: #333;
  font-size: 12px;
}
.popover-arrow {
  content: ' ';
  position: absolute;
  top: -2px;
  left: 45%;
  border-width: 8px;
  border-color: transparent;
  border-bottom-color: #fff;
  border-style: solid;
}
/* .popover-arrow::before {
  content: ' ';
  position: absolute;
  top: 5px;
  left: -8px;
  border-width: 8px;
  border-color: transparent;
  border-bottom-color: #fff;
  border-style: solid;
} */
.popover .qrcode-img {
  margin-left: 50%;
  width: 140px;
  transform: translateX(-50%);
}
.box {
  width: 0px;
  height: 0px;
  border: 10px solid;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 208px;
  filter: drop-shadow(0px 3px 10px 1px rgba(0,0,0,0.16))
}

.app-link-box{ margin-top: 9px; text-align: right}
.popover .app-home-link{
  font-size: 12px;
  color: #09CF80;
  
}
.popover .app-home-link:hover{
  text-decoration: underline;
}
.popover .app-home-link svg{
  margin-bottom: -3px;
  margin-right: 0;
}
.app-type-text svg{ margin-bottom: -4px; margin-right: 2px;}
/* .imgbox { margin:0px auto; text-align:center; width:1100px; height:590px; position:relative;} */
.home-img{width: 100%;height: 100%;}
.vimg { margin:0px auto; position:absolute; left:50%; margin:0 0 0 -452px; top:0px; z-index:1; width:905px; height:468px;}
.vimglayer { margin:0px auto; position:absolute; left:50%; margin:0 0 0 -548px; top:0px; z-index:2; width:1100px; height:580px; background:url(../images/bg_dn.png) no-repeat;}
.group { width:100%; background:#fff; min-width:1200px;padding: 87px 0 117px;}
.group-desk{

  font-size: 40px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  color: #3B4F6B;
  text-align: center;
}
.group-content{
  display: flex;
  justify-content: center;
}

.group-left{
 padding: 17px 0 51px;
}

.group-bottom{
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.group .group-subtitle {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 20px;
  padding: 10px 0 30px 0;
  text-align: center;
  color: #374A61;
}
.group-ai {
  padding-top: 30px;
}
.swiper-container{
  position: relative;
  margin:0 65px 0 0;
  width: 740px;
  height: 470px;
  overflow: hidden;
  z-index: 1;
}
.classify-content{
  margin-bottom: 10px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  width: 320px;
  height: 100px;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
}
.content-bg{
  background: linear-gradient( 270deg, #FFFFFF 0%, #DEF1FF 100%);
  /* background: linear-gradient(270deg, #FFFFFF 0%, #EFEFEF 100%); */
}
.classify-img{
  margin-right: 18px;
  width: 44px;
  height: 44px;
}
.classify-title{
  font-size: 18px;
  font-weight: bold;
  color: #3B4F6B;
}
.classify-tips{
  font-size: 14px;
  font-weight: 400;
  color: rgba(59, 79, 107, .7);
}
.classify-btn{
  display:inline-block;
  /* width: 100%; */
  padding-left: 61px;
}
.experience-btn{
  width: 199px;
  height: 51px;
  line-height: 51px;
  background: #35C76D;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
  letter-spacing: 3px;
}
.experience-btn:hover{
  background-color: #09AD6C;
}
.group-category{
  text-align: center;
}
.wp-tab-label {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
  color: #374A61;
  /* color: rgba(59, 79, 107, .7);
  font-size: 18px; */
}
.wp-tab-label.active{
  font-weight: bold;
  color: #17BE85;
}
.wp-tab-label.active::before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #17BE85;
}
.wp-tab-label.active::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid #17BE85; 
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 6px solid transparent;
}

.wp-tab-split {
  margin: 0 30px;
  color: rgba(59, 79, 107, .7);
  font-size: 18px;
}
.hidden {
  display: none;
}
.topbgs{
  background-color: #fff!important;
}
.topbgs a{
  color: #3B4F6B;
}
.topbgs .logo{
  color: #3B4F6B;
}

.topbgs .header-btns{
  display: block;
  margin-left: 68px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  background: #1FC880;
  border-radius: 28px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
}
.topbgs .logo-img{
  background-image:  url(/statics/xzdesktop/images/logo-1.png);
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min--moz-device-pixel-ratio: 1.5) {
  .topbgs .logo-img {
    background-image: url(/statics/xzdesktop/images/logo-1@2x.png);
}
}
.logo-img {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image:  url(/statics/xzdesktop/images/logo.png);
  background-size: 100% 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min--moz-device-pixel-ratio: 1.5) {
  .logo-img {
    background-image: url(/statics/xzdesktop/images/logo@2x.png);
}
}
.topbgs
.wp-list{
 width: 80%;
 margin: 20px auto 35px;
}

ul.swiper-certif-list{
  width: 100%;
  height: 550px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
ul.swiper-certif-list li{
  width: 50%;
  position: absolute;
  transition: all .5s ease-out;
  border-radius: 5px;
  text-align: center;
  cursor: pointer; 
}
 .YcenterPosition {
  position: absolute;
  top: 50%
}
 ul.swiper-certif-list li img {
  width: 900px;
  margin: 0 auto;
  box-shadow: 0 10px 20px -10px rgba(51, 51, 51, .32941);
  display: block
}
 .p0,.p1 {
    opacity: 0;
    transform: translate3d(0, -50%, 0) scale(.7);
    transform-origin: 50% 50%;
    z-index: 0
}

 .p2 {
    opacity: .3;
    transform: translate3d(0, -50%, 0) scale(.6);
    transform-origin: 50% 50%;
    z-index: 1
}

 .p3 {
    transform: translate3d(15%, -50%, 0) scale(.8);
    transform-origin: 80% 50%;
    opacity: .6;
    z-index: 2
}

 .p4 {
    transform: translate3d(50%, -50%, 0) scale(1);
    transform-origin: 0 50%;
    z-index: 3;
    opacity: 1
}

 .p5 {
    transform: translate3d(85%, -50%, 0) scale(.8);
    transform-origin: 20% 50%;
    opacity: .7;
    z-index: 2
}

 .p6 {
    opacity: .3;
    transform: translate3d(100%, -50%, 0) scale(.6);
    transform-origin: 50% 50%;
    z-index: 1
}
 .p7,
 .p8,
 .p9 {
    opacity: 0;
    transform: translate3d(100%, -50%, 0) scale(.6);
    transform-origin: 50% 50%;
    z-index: 0
}
@media screen and (max-width:1683px) {
   .p2 {
      transform: translate3d(-8%, -50%, 0) scale(.6)
  }

   .p3 {
      transform: translate3d(12%, -50%, 0) scale(.8)
  }

   .p4 {
      transform: translate3d(47%, -50%, 0) scale(1)
  }

   .p5 {
      transform: translate3d(82%, -50%, 0) scale(.8)
  }

   .p6 {
      transform: translate3d(102%, -50%, 0) scale(.6)
  }
}

@media screen and (max-width:1583px) {
   .p2 {
      transform: translate3d(-8%, -50%, 0) scale(.6)
  }

   .p3 {
      transform: translate3d(12%, -50%, 0) scale(.8)
  }

   .p4 {
      transform: translate3d(44%, -50%, 0) scale(1)
  }

   .p5 {
      transform: translate3d(79%, -50%, 0) scale(.8)
  }

   .p6 {
      transform: translate3d(100%, -50%, 0) scale(.6)
  }
}

@media screen and (max-width:1483px) {
   .p2 {
      transform: translate3d(-12%, -50%, 0) scale(.6)
  }

   .p3 {
      transform: translate3d(7%, -50%, 0) scale(.8)
  }

   .p4 {
      transform: translate3d(39%, -50%, 0) scale(1)
  }

   .p5 {
      transform: translate3d(74%, -50%, 0) scale(.8)
  }

   .p6 {
      transform: translate3d(97%, -50%, 0) scale(.6)
  }
}

@media screen and (max-width:1383px) {
   .p2 {
      transform: translate3d(-7%, -50%, 0) scale(.6)
  }

   .p3 {
      transform: translate3d(8%, -50%, 0) scale(.8)
  }

   .p4 {
      transform: translate3d(35%, -50%, 0) scale(1)
  }

   .p5 {
      transform: translate3d(67%, -50%, 0) scale(.8)
  }

   .p6 {
      transform: translate3d(88%, -50%, 0) scale(.6)
  }
}

@media screen and (max-width:1283px) {
   .p2 {
      transform: translate3d(-12%, -50%, 0) scale(.6)
  }

   .p3 {
      transform: translate3d(2%, -50%, 0) scale(.8)
  }

   .p4 {
      transform: translate3d(28%, -50%, 0) scale(1)
  }

   .p5 {
      transform: translate3d(63%, -50%, 0) scale(.8)
  }

   .p6 {
      transform: translate3d(85%, -50%, 0) scale(.6)
  }
}

/* .swiper{
  width: 60%;
  margin:29px auto 35px;
}
.swiper-slide img {
    width: 100%;
}
.swiper-wrapper {
  padding: 8% 0;
}
.swiper-slide-active {
  position: relative;
  z-index: 99;
  overflow: hidden;
  transform: scale(1.8);
  box-sizing: border-box;
} */
.layout-center{
  display: flex;
  justify-content: center;
}
.group-1{
  padding: 70px 0 117px;
  width: 100%;
  min-width: 1200px;
  background:#FAFAFA;
}
.group-2{
  padding: 103px 0 100px;
  background-color: #fff;
  min-width: 1200px;
}
.group-2-right{
  margin-left: 56px;
  display: flex;
  flex-direction: column;
  align-items:flex-start;
  justify-content: center;
}

.group-2-tips{
  margin: 5px 0 27px;
  font-size: 18px;
  font-weight: 400;
  color:rgba(59, 79, 107, .7)
}
.group-2-left{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 0;
  margin-right: 140px;
}
/* .group ul { margin:0 auto; width:1100px;} */
/* .group ul li { width:33%; display:inline-block; text-align:center; margin:30px auto;}
.group ul li a:hover { color:#ff5f50;}
.group ul li img { margin:30px auto;}
.group ul li p { font-size:20px; color:#555;} */
.footer { font-size: 12px;text-align:center; padding:33px 0; color:#666; line-height:20px;  background:#070707; width:100%; color:rgba(255, 255, 255, .5); min-width:1200px;}
.footer i { color:#444; padding:0px 10px;}
.footbox { margin:20px auto; width:1000px;}
.footer p a { margin:0 7px; color:rgba(255, 255, 255, .5); }
.footer p a:hover { text-decoration: underline;}
.footbox ul { margin-left:35px;}
.footbox li { width:18%; display:inline-block; text-align:center; color:#ddd;}
.footbox li img { width:100px; margin:10px auto;}
.footbox li p { margin:0px auto; line-height:18px;}
.logbox { width:100%;background:#fff;position:relative; min-width:1200px; }
.log { margin:30px auto; width:880px;}
.log h3 {font-size: 36px;margin:50px auto 0px auto;text-align: center; display:inline-block; width:100%; letter-spacing:5px;}
.log h3 span {display: inline-block;height: 22px;padding: 0 100px;}
.log h3 strong {font-size: 35px;height: 60px;padding: 0 50px; color:#333333; font-weight:bold;}
.log h4 { font-size:8px; text-transform:uppercase; margin:5px auto; width:30%; text-align:center; color:#aaa; letter-spacing:5px;}
.line { height:100%; width:1px; position:absolute; left:50%; top:0px;border-right:1px solid #efefef;}
.icofooter { background:#ccc; width:16px; height:16px; border-radius:50%; position:absolute; left:50%; bottom:0; margin-left:-6px;}
.loglist { margin:80px auto 0 auto; float:left; width:100%; height:1000px; overflow:hidden; padding:20px 0 20px 0;}
.loglist li { float:left;width:100%; border-left:2px solid #71d4e5; margin-left:140px; padding:60px 0px 0px 207px; position:relative; width:460px;}
.loglist div {width:500px;line-height:30px; font-size:14px; float:left; position:relative; color:#555; border-bottom:1px solid #999; padding-bottom:30px;}
.loglist div i { position:absolute; top:25px; left:-10px; width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #FFF;}
.loglist div span {height:30px; width:30px; border-radius:50%; position:absolute; left:-223px; top:18px;}
.loglist div span em { background:#ffffff; height:12px; width:12px; border-radius:50%; display:block; margin:6px auto;}
.loglist div p { position:absolute; width:120px; left:-150px; top:0px;line-height:35px; color:#333; font-size:40px; font-weight:bold;}
.loglist div p em { color:#333; display:block;font-weight:normal; font-size:20px;}
.loglist div h6 { font-size:16px; margin-bottom:10px;}
.loglist li.end div { border-bottom:none;}
ul.logopen { height:auto}
.itop { border-radius:50%; width:30px; height:30px;position:absolute; left:-16px; top:-15px;}
.ibottom { border-radius:50%; width:30px; height:30px;position:absolute; left:-16px; bottom:-15px;}
.itxt { position:absolute; top:-9px; left:30px; color:#888;}
.loglist li.current div { background:#40ccf4; color:#fff;}
.loglist li.current div i {border-right:10px solid #40ccf4;}
.loglist li.current div span { background:#40ccf4;}

.kefubox { position:fixed; right:30px; top:230px; width:80px;box-shadow: 0 0 12px rgba(7, 7, 7, .08);border-radius:6px; z-index:1000;font-size: 12px;}
.kefuimg,.wechat-img { margin:10px auto -5px auto;}
.kefu,.qq,.wechat { height:75px;width:100%; background:rgba(255,255,255,0.8); text-align:center; cursor:pointer; position:relative; float:left;}
.kefu {border-radius:6px 6px 0px 0px; border-bottom:1px solid #e8e8e8;}
.kefu .wechat-inner {position: relative; margin: 0 auto; border-bottom: 1px solid #EFEFEF;}
.kefu .wechat-inner span {position: absolute; top: 4px; left: 26px;}
.kefu .wechat-inner img {display: inline-block; width: 126px; height: 126px; margin-left: 84px;}
.layerbox { display:none;}
.kefu-qq{
  margin-left: 25px;
  padding-top: 20px;
  display: flex;
}
.kefu:hover .layerbox { width:250px; text-align:center; position:absolute; left:-240px; top:0px;display:block;}
.layer { margin-right:20px; background:#fff; box-shadow: 0 0 12px rgba(7, 7, 7, .08);border-radius:4px;}
.layer img { width:100%;}
.layer a em {  color:#20ca8d;}
.layer a em:hover{
  text-decoration:underline;
}
/* .layer a:hover em { color:#ff5f50;} */
.corner { width:0px; height:0px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff; display:inline-block; position: absolute; right:13px; top:20px;}
.layer p { line-height:40px;}
.wechat {border-radius:0px 0px 6px 6px;}
.qq {border-bottom:1px solid #e8e8e8;}
.qq:hover .layerbox { width:206px; text-align:center; position:absolute; left:-196px; top:0px;display:block;}
.qq .layer a { border-bottom:none; padding-bottom:0; margin-bottom:0;}
.qq .layer a .qqimg { width: 180px; height: 180px;border-radius: 4px;margin: 0 auto;}
.qq .layer p {color:#333;line-height: 12px}
.qq .layer{padding-bottom: 10px;padding-top: 3px;}
.kefu:hover,.qq:hover,.wechat:hover { background:#f0f0f0;}

.wechat:hover .layerbox {width: 220px; text-align:center; position:absolute; left:-210px; top:0px;display:block;}
.wechat .qr-img {display: inline-block; margin:0px auto; width:126px;}
.wechat .layer { padding:10px 0px 16px;}
.wechat .layer a{margin-bottom: 0;color:#000}
.wechat .layer a:hover{color:#ff5f50}
.wechat p {font-size: 12px; color: #000; line-height: 18px;}
.fbtbox { margin:0px auto; width:1000px;}

/* .fbtop { background:url(../images/bg2.jpg) no-repeat top center; height:365px; width:100%; display:inline-block;} */
.fbtop .nav a { color:#fff;}
.fblayerbox { border-radius:10px; width:711px; margin:-324px 0 0 -365px; height:648px; position:absolute; left:50%; top:50%; background:#fff; overflow:hidden; box-shadow:0 0 30px rgba(0,0,0,0.1);}
.fbtxt { margin:0px auto; width:85%;}
.fbtxt p { margin-bottom:20px; line-height:25px; color:#666;}
.fbtxt h4{ font-size:16px; font-weight:bold; line-height:30px;}
.close { margin:10px auto; width:136px; height:38px; border:1px solid #39a8ff; line-height:38px; text-align:center; color:#39a8ff; border-radius:3px; cursor:pointer;}
.close:hover { box-shadow:0px 3px 10px #b2ddff;}

.txtbig { width:800px; height:150px; font-size:12px; color:#aaa; line-height:20px; padding:8px 20px;}
.feedback .add { border:1px dashed #e3e3e3; width:30px; height:30px; padding:30px; text-align:center; vertical-align:middle; display:inline-block; margin:20px 0; border-radius:6px;}
.feedback .add:hover { border:1px dashed #39a8ff;}
.upimg { display: inline-block; width:90px; height:90px; float:left; border:1px solid #e3e3e3; margin:20px 20px 20px 0; border-radius:6px; position:relative;}
.upimg i { position:absolute; top:-5px; right:-5px; height:17px; width:17px; background:url(../images/btn1.png) no-repeat;}
.upimg img { width:100%; height:100%; border-radius:6px;}

.error { border:1px solid #f87373;}
.on { border:1px solid #39a8ff;}
.code { margin:50px auto 20px auto; padding:20px; background:#fff; box-shadow:0 0 15px #beeeff; display:inline-block;}

.fimg { margin:50px auto 0 auto; display:inline-block;}
.inner-right h3 { margin:50px auto 20px auto; font-size: 22px; font-weight: bold; color: #000;}
.listmenu { margin: 10px 50px 50px 50px;}
.listmenu li { margin: 10px auto; font-size: 18px; line-height: 30px;}
.listmenu li a { padding:10px 20px;}
.listmenu li a:hover { color: #ff5f50;}
.back { position:fixed;right:40px; bottom:100px; width:60px; height: 60px; z-index:1000; cursor: pointer; background: url(../images/top.png) no-repeat center center rgba(0,0,0,0.3); display: none;border: 2px solid rgba(255,255,255,0.2);border-radius: 50%;}
.back:hover { background: url(../images/top.png) no-repeat center center rgba(0,0,0,1);}

.faqbox h1 { width:1060px;font-size:36px; font-weight:bold; line-height:50px; color:#333; text-align:center; margin-bottom:60px; border-bottom:1px solid #e8e8e8; padding-bottom:40px;}
.faqbox p,.faqbox img { margin:20px 0 50px 0;}

.boxlink { width:100%;font-size: 18px;line-height: 30px;margin:0px auto;overflow: hidden;}
.boxlink h3 { font-weight:bold; display:flex;justify-content:center;align-items:center;width:1000px; font-size:32px; line-height:50px; height:50px; margin:100px auto; text-align:center;}
.boxlink h3 i { height:1px; width:100px; background:#e3e3e3;}
.boxlink h3 span { margin:0px 30px;}
.boxlink h3 em{ color:#23c75a;}
.boxlink ul { width:1200px; margin:30px auto;}
.boxlink ul li { height:40px; line-height:40px;overflow: hidden; width:500px; float:left; margin:10px 30px 10px 70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;} 
.boxlink ul:after { content:""; clear:both;}
.boxlink ul li a:before { content:""; width:6px; height:6px; background:#e3e3e3; border-radius:5px; float:left; margin:19px 13px 5px 0;}
.boxlink p {margin: 10px 0;}
.more { width:1000px; margin:50px auto 100px auto; text-align:center;}
.more a { border:1px solid #dfdfdf; height:50px; width:200px; line-height:50px; display:inline-block; cursor:pointer; background:#fff;}
.navlink {display:flex;justify-content:center;align-items:center; width:1000px; margin:20px auto 80px auto;}
.navlink dd { margin:0px 30px; text-align:center; background:#fff; border-radius:4px;}
.navlink dd a {padding:40px 60px; display:block;}
.navlink dd:hover { box-shadow:0 10px 20px rgba(0,0,0,0.06)}
.navlink dd p { margin-top:30px; font-size:20px; color:#333;}
.navlink dd a:hover p { color:#ff5f50;}
.btn_morebox { width:1000px; margin:-100px auto 100px auto; text-align:center; background-image: linear-gradient(to top, rgb(255,255,255), transparent); height:120px; float:left; z-index:1000; position:relative;}
.btnmore { border:1px solid #dfdfdf; height:50px; width:200px; line-height:50px; display:inline-block; cursor:pointer; background:#fff; margin:100px auto;justify-content:center; display:flex; font-size:16px;}
.menu .menu-item .badge {
  position: absolute;
  right: 0;
  top: -3px;
  animation: shake .3s linear infinite;
}

.submenu{
  display: none;
	position: absolute;
  left: -20px;
	width: 120px;
  margin-top: 6px;
  padding: 0;
	border-radius: 3px;
	box-shadow: 0 2px 15px 0 rgba(0,0,0,.1);
	background-color: #fff;
	border: 1px solid #ebeef5;
}
.submenu-item{
  line-height: 36px;
  text-align: center;
}
.submenu-item a{
  font-size: 14px;
  color: #354154;
}
.submenu-item:hover {
  color: #354154;
  background-color: #F5F5F5;
}
.submenu-item .link.active {
  color: #1FC880;
  font-weight: normal;
}
.entrance{
  position: relative;
  min-width: 1200px;
  height: 200px;
  background: #000 url(/statics/xzdesktop/images/home/entrance.png) no-repeat center top;
  background-size: 1920px 200px;
}
/* .entrance-img {
  margin: 0 360px;
  width: 100%;
  height: 100%;
  background-image: url(/statics/xzdesktop/images/home/entrance.png);
  background-repeat: no-repeat;
} */
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2) {
  .entrance {
    background: #000 url(/statics/xzdesktop/images/home/entrance@2x.png) no-repeat center top;
    background-size: 1920px 200px;
}
}
.w1200{
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  position: relative;
}
.entrance-btn{
  position: absolute;
  right:0;
  top:77px;
  width: 176px;
  height: 47px;
  line-height: 47px;
  background: rgba(255,255,255,0.1);
  border-radius: 82px;
  border: 1px solid rgba(255,255,255,0.2);
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  cursor: pointer;
}
.entrance-btn:hover{
  border: 1px solid rgba(255,255,255,1);
}
.mt21{
  margin-top: 21px;
}


.mb20{
  margin-bottom: 20px;
}

.mb100{
  margin-bottom: 100px;
}

.group-ul{
  list-style: inherit;
  font-weight: 300;
  font-size: 20px;
  color: #3B4F6B;
  margin-bottom: 20px;
  margin-left: 25px;
}

.group-li{
  line-height: 32px;
}

.experience-btn2{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 256px;
  height: 64px;
  background: linear-gradient( 90deg, #10CA71 0%, #08E19F 100%);
  box-shadow: 0px 10px 20px 0px rgba(37,191,117,0.43);
  border-radius: 16px 16px 16px 16px;
  border: 2px solid #20B677;
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  box-sizing: border-box;
}
.experience-btn2:hover{
  background-color: #09AD6C;
}